<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ page language="java" import="java.util.*"%>
<%
	session.invalidate();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%@page import="java.sql.*"%>
<%@page import="com.otc.controller.LoginController"%>
<%@page import="com.otc.model.*"%>

<head>
<meta charset="utf-8" />
<title>OPINION THAT COUNTS</title>

<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
<link rel="stylesheet" media="all" href="css/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<%@ include file="/WEB-INF/jsp/Common/Header.jsp"%>

</head>

<body class="home">
	
	<%-- 	<div>
		<a> <img width="610" height="357"
			src="${pageContext.request.contextPath}/resources/img/movies/hollywood/thor_the_dark_world-wide.jpg" />

		</a> <a> <img width="610" height="357"
			src="${pageContext.request.contextPath}/resources/img/home/google-nexus-5-1st-official.jpg" />
		</a> <a> <img width="240" height="225"
			src="${pageContext.request.contextPath}/resources/img/home/Gladiator.jpg" />
		</a> <a> <img width="240" height="225"
			src="${pageContext.request.contextPath}/resources/img/home/friends.jpg" />
		</a> <a> <img width="240" height="225"
			src="${pageContext.request.contextPath}/resources/img/movies/hollywood/liar.jpg" />
		</a> <a> <img width="240" height="225"
			src="${pageContext.request.contextPath}/resources/img/home/bharat-ratna-to-sachin.jpg" />
		</a> <a> <img width="240" height="225"
			src="${pageContext.request.contextPath}/resources/img/home/bjpOrCongress.jpg" />
		</a>
	</div>
 --%>
	<header>
	<div class="wrapper cf">
		<%@ include file="slider.txt"%>
	</div>
	</header>

	<!-- MAIN -->
	<div id="main">
		<div class="wrapper cf">

			<!-- featured -->
			<div class="home-featured">

				<ul id="filter-buttons">
					<li><a href="#" data-filter="*" class="selected">Show All</a></li>
					<li><a href="#" data-filter=".web">Movies</a></li>
					<li><a href="#" data-filter=".print">Sports</a></li>
					<li><a href="#" data-filter=".design">Technology</a></li>
					<li><a href="#" data-filter=".photo">Politics</a></li>
				</ul>

				<!-- Filter container -->
				<div id="filter-container" class="cf">
					<figure class="web"> <a href="project.html" class="thumb"><img
						src="${pageContext.request.contextPath}/resources/img/movies/hollywood/thor_the_dark_world-wide.jpg"
						alt="alt" /></a> <figcaption> <a href="project.html"><h3
							class="heading">THOR-THE DARK WORLD</h3></a> Though hardly a
					must-see, Thor: The Dark World is better than the original: a
					looser, loopier hybrid of science fiction and fantasy powered by a
					pair of magnetic performances and leavened with a number of truly
					witty moments.</figcaption> </figure>

					<figure class="web"> <a href="project.html"
						class="thumb"><img
						src="${pageContext.request.contextPath}/resources/img/movies/hollywood/the_dark_knight_rises_official-wide.jpg"
						alt="alt" /></a> <figcaption> <a href="project.html"><h3
							class="heading">THE DARK KNIGHT</h3></a> The story is dense,
					overlong, and studded with references that will make sense only to
					those intimate with Nolan's previous excursions into Batmanhood. </figcaption> </figure>


					<figure class="photo"> <a href="project.html"
						class="thumb"><img
						src="${pageContext.request.contextPath}/resources/img/home/bjpOrCongress.jpg"
						alt="alt" /></a> <figcaption> <a href="project.html"><h3
							class="heading">BJP OR CONGRESS</h3></a> According to you who should
					win? </figcaption> </figure>


					<figure class="print"> <a href="project.html"
						class="thumb"><img
						src="${pageContext.request.contextPath}/resources/img/home/bharat-ratna-to-sachin.jpg"
						alt="alt" /></a> <figcaption> <a href="project.html"><h3
							class="heading">SACHIN RECEIVED BHARAT RATNA</h3></a> Sachin
					Tendulkar will be the first sportsperson to receive the honour and
					dedicates it to his mother. Scientist Professor CNR Rao will be the
					other recipient of the award which was last conferred five years
					back - Pandit Bhimsen Joshi in 2008. </figcaption> </figure>


					<figure class="web"> <a href="project.html"
						class="thumb"><img
						src="${pageContext.request.contextPath}/resources/img/home/dhoom3.jpg"
						alt="alt" /></a> <figcaption> <a href="project.html"><h3
							class="heading">DHOOM 3</h3></a> Will Dhoom 3 will cross 300crores in
					box office!! </figcaption> </figure>


					<figure class="web"> <a href="project.html"
						class="thumb"><img
						src="${pageContext.request.contextPath}/resources/img/home/friends.jpg"
						alt="alt" /></a> <figcaption> <a href="project.html"><h3
							class="heading">FRIENDS</h3></a> Value of friends in your life.How do
					you feel with them.How do they change the things around </figcaption> </figure>


					<figure class="design"> <a href="project.html"
						class="thumb"><img
						src="${pageContext.request.contextPath}/resources/img/home/google-nexus-5-1st-official.jpg"
						alt="alt" /></a> <figcaption> <a href="project.html"><h3
							class="heading">GOOGLE NEXUS 5</h3></a> It's a 5inch phone, and so
					much more. Built with precision, Nexus 5 delivers an intelligently
					simple design and showcases a stunning full HD display </figcaption> </figure>


					<figure class="design"> <a href="project.html"
						class="thumb"><img
						src="${pageContext.request.contextPath}/resources/img/home/Iphone5sgold.jpg"
						alt="alt" /></a> <figcaption> <a href="project.html"><h3
							class="heading">APPLE IPHONE 5s(GOLD)</h3></a> iPhone 5s review Love

					Touch ID Improved camera and flash Wide LTE support Hate Price
					Battery life Launching 2013's most anticipated smartphone comes
					with its perils and pleasures. Simultaneously launching a second
					handset targeting a completely new demographic, for the first time
					in your company's history, is brave as it is hazardous. However, as
					we've come to expect from the most Marmite tech company in the
					world, if anyone can pull it off, it's Apple. </figcaption> </figure>


					<figure class="web"> <a href="project.html"
						class="thumb"><img
						src="${pageContext.request.contextPath}/resources/img/home/Gladiator.jpg"
						alt="alt" /></a> <figcaption> <a href="project.html"><h3
							class="heading">GLADIATOR</h3></a> The fusion of the ancient and the
					modern -- even to the point of some sly echoes of our own
					sports-mad society -- is seamless. Gladiator does indeed deliver
					the glory that was Rome, but it also clinically dissects the
					assumptions on which it was built. </figcaption> </figure>

				</div>
				<!-- ENDS Filter container -->

			</div>
			<!-- ENDS featured -->

		</div>
		<!-- ENDS WRAPPER -->
	</div>
	<!-- ENDS MAIN -->


	<!-- FOOTER -->
	<%@ include file="WEB-INF/jsp/Common/Footer.jsp"%>
	<!-- ENDS FOOTER -->

</body>

</html>